<template>
  <div class="head-box">
        <div class="shai">
            <span class="iconfont icon-xiaoyuhao"></span>
            <span>穿搭精选</span>
            <span>晒穿搭＋</span>
        </div>
        <div class="new">
            <span>全部 1</span>
            <span>最新 1</span>
        </div>
  </div>
</template>

<script>
export default {
name:"ChuanHead"
}
</script>

<style>
@import url(../../../assets/cao-iconfont/iconfont.css);
.head-box{
    height: 1.1rem;
}
.shai{
    margin-left: .2rem;
    margin-top: .2rem;
}
.shai span:nth-child(1){
    font-size: .18rem;
    font-weight: bold;
}
.shai span:nth-child(2){
    margin-left: 1.3rem;
    font-size: .18rem;
    font-weight: bold;
}
.shai span:nth-child(3){
    margin-left: .6rem;
    color: white;
    display: inline-block;
    width: .57rem;
    height: .25rem;
    background-color: #00bec3;
    text-align: center;
    line-height: .25rem;
    font-size: .14rem;
    border-radius: 5px;
}
.new{
    margin-left: .2rem;
    margin-top: .2rem;
}
.new span:nth-child(1){
    display: inline-block;
    width: .45rem;
    height: .27rem;
    border-radius: 5px;
    border: 2px solid #00bec3;
    font-size: .14rem;
    line-height: .27rem;
}
.new span:nth-child(2){
    display: inline-block;
    width: .45rem;
    height: .27rem;
    border-radius: 5px;
    border: 2px solid #f3f2f6;
    margin-left: .2rem;
    font-size: .14rem;
    line-height: .27rem;
}
</style>